<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Edit Event</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>
        <script language="javascript" type="text/javascript" src="datetimepicker.js"></script>

        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />

        <!--
        This CSS template is released under Creative Commons Share Alike license. You are free to use it for personal purposes only. You shall not resell this template or remove the link back to ramblingsoul.com from the pages.
        
        Designed by - Roshan M. Ravi
        URL - www.ramblingsoul.com
        email me for enquiries / help - c.pixels@gmail.com-->


    </head>

    <body>
        <div id="wrap">
            <div id="topbar">
                <ul>    
                    <li><a href="account?page=home">Home</a></li>
                    <li><a href="account?page=profile">Profile</a></li>
                    <li class="current"><a href="event?page=list">My Events</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="account?page=logout">Log Out</a></li>
                </ul>
            </div>
            <div id="header">
                <div id="sitename">
                    <h1 id="logo">O-nick</h1>
                </div>
                <div id="shoutout"><img src="images1/joinnow_shoutout.jpg" width="168" height="126" /></div>
            </div>
            <div id="content">

               
                </div>
                <div class="clear">&nbsp;</div>
                <div id="main">
                    <h1>Edit Event ${error}</h1>
                    <div id="moredetails">
                        <br></br>
                        <div id="listing_details"><form name ="form1" method="post" action="event?page=edited" align="center" >
                                <table align="center" class="search_form" style="width:100%; border:none;">
                                    <tr>
                                        <td class="label">Name of Event</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="namaEvent" value="${tempEditEvent.namaEvent}" class="text longfield" />

                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Description</td>
                                        <td colspan="3"><label>
                                                <textArea rows="5" cols="5" type="text" name="deskripsi" class="text longfield">${tempEditEvent.deskripsi}</textArea>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Date</td>
                                        <td colspan="3"><label>
                                               <input id="demo1" type="text" name="tanggal" value="${tempEditEvent.tanggal}" class="text longfield"/><a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="images/cal.gif" width="16" height="16" border="0" alt=" Pick a date"></a>
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Place</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="tempat" value="${tempEditEvent.tempat}" class="text longfield" />
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Price</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="hargaTiket" value="${tempEditEvent.hargaTiket}" class="text longfield" />
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label">Account</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="rekening" value="${tempEditEvent.rekening}" class="text longfield" />
                                            </label></td>
                                    </tr>
                                   <tr>
                                        <td class="label">Phone</td>
                                        <td colspan="3"><label>
                                                <input type="text" name="teleponCp" value="${tempEditEvent.teleponCP}" class="text longfield" />
                                            </label></td>
                                    </tr>
                                    <tr>
                                        <td class="label"><p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p></td>
                                        <td>&nbsp;</td>
                                        <td colspan="2" class="label"><label>
                                                <div align="left">
                                                    <input type="image" src="images1/savebtn.jpg" alt="search " name="button2" id="button2" value="Save" onclick="return form1"/>
                                                    <br />
                                                    <br />
                                                </div>
                                            </label></td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                        <div class="clear">&nbsp;</div>

                    </div>
                    

                </div>
                

                <div class="clear">&nbsp;</div>
            </div>
            
    </body>
</html>
